<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <!-- 可以调整成 相对链接/自有链接, 【重要】名称需要一致 【print-lock.css】-->
    <link
      rel="stylesheet"
      type="text/css"
      media="print"
      href="/print-lock.css" />
    <link rel="stylesheet" type="text/css" href="/index.css" />
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
    <meta content="webkit" name="renderer" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><%= title %></title>
  </head>

  <body>
    <div id="application" style="display: none"></div>
    <div id="app">
      <div id="loading-mask">
        <div class="loading-wrapper">
          <!-- 加载的图片 -->
          <span class="loading-dot loading-dot-spin">
            <!--4个花瓣-->
            <i></i>
            <i></i>
            <i></i>
            <i></i>
          </span>
          <!-- 加载的图片 -->
          <div class="loading-tips">初次加载较慢，请耐心等待...</div>
        </div>
      </div>
    </div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
